/**
 * Element Plus 主题变量覆盖
 * 
 * 本文件包含所有Element Plus组件所需的CSS变量
 * 使用!important确保变量能成功覆盖默认主题
 */

/* 全局主题颜色变量 */
:root {
  /* 主要颜色 */
  --el-color-primary: #518aff !important;
  --el-color-primary-light-3: #80a9ff !important;
  --el-color-primary-light-5: #a3c0ff !important;
  --el-color-primary-light-7: #c6d8ff !important;
  --el-color-primary-light-8: #d8e5ff !important;
  --el-color-primary-light-9: #ebf2ff !important;
  --el-color-primary-dark-2: #4169cc !important;
  
  /* 成功颜色 */
  --el-color-success: #5ad8a6 !important;
  --el-color-success-light-3: #8be4c0 !important;
  --el-color-success-light-5: #adefd3 !important;
  --el-color-success-light-7: #cff5e6 !important;
  --el-color-success-light-8: #e0f9ef !important;
  --el-color-success-light-9: #f0fcf7 !important;
  --el-color-success-dark-2: #48ad85 !important;
  
  /* 警告颜色 */
  --el-color-warning: #ffad08 !important;
  --el-color-warning-light-3: #ffc44d !important;
  --el-color-warning-light-5: #ffd580 !important;
  --el-color-warning-light-7: #ffe7b3 !important;
  --el-color-warning-light-8: #ffeecb !important;
  --el-color-warning-light-9: #fff6e4 !important;
  --el-color-warning-dark-2: #cc8a06 !important;
  
  /* 危险颜色 */
  --el-color-danger: #ff5858 !important;
  --el-color-danger-light-3: #ff8b8b !important;
  --el-color-danger-light-5: #ffb0b0 !important;
  --el-color-danger-light-7: #ffd4d4 !important;
  --el-color-danger-light-8: #ffe1e1 !important;
  --el-color-danger-light-9: #fff0f0 !important;
  --el-color-danger-dark-2: #cc4646 !important;
  
  /* 信息颜色 */
  --el-color-info: #909399 !important;
  
  /* 文本颜色 */
  --el-text-color-primary: #303133 !important;
  --el-text-color-regular: #606266 !important;
  --el-text-color-secondary: #909399 !important;
  --el-text-color-placeholder: #c0c4cc !important;
  
  /* 边框颜色 */
  --el-border-color: #dcdfe6 !important;
  --el-border-color-light: #e4e7ed !important;
  --el-border-color-lighter: #ebeef5 !important;
  --el-border-color-extra-light: #f2f6fc !important;
  
  /* 圆角 */
  --el-border-radius-base: 4px !important;
  --el-border-radius-small: 2px !important;
  --el-border-radius-round: 20px !important;
  --el-border-radius-circle: 100% !important;
  
  /* 字体大小 */
  --el-font-size-extra-large: 20px !important;
  --el-font-size-large: 18px !important;
  --el-font-size-medium: 16px !important;
  --el-font-size-base: 14px !important;
  --el-font-size-small: 13px !important;
  --el-font-size-extra-small: 12px !important;
}

/**
 * 组件特定变量覆盖
 * 针对特定组件的自定义CSS变量
 */

/* 按钮组件变量覆盖 */
.el-button--primary {
  --el-button-bg-color: #518aff !important;
  --el-button-border-color: #518aff !important;
  --el-button-hover-bg-color: #6a9dff !important;
  --el-button-hover-border-color: #6a9dff !important;
  --el-button-active-bg-color: #4169cc !important;
  --el-button-active-border-color: #4169cc !important;
}

.el-button--success {
  --el-button-bg-color: #5ad8a6 !important;
  --el-button-border-color: #5ad8a6 !important;
  --el-button-hover-bg-color: #7de1b9 !important;
  --el-button-hover-border-color: #7de1b9 !important;
  --el-button-active-bg-color: #48ad85 !important;
  --el-button-active-border-color: #48ad85 !important;
}

.el-button--warning {
  --el-button-bg-color: #ffad08 !important;
  --el-button-border-color: #ffad08 !important;
  --el-button-hover-bg-color: #ffbd3d !important;
  --el-button-hover-border-color: #ffbd3d !important;
  --el-button-active-bg-color: #cc8a06 !important;
  --el-button-active-border-color: #cc8a06 !important;
}

.el-button--danger {
  --el-button-bg-color: #ff5858 !important;
  --el-button-border-color: #ff5858 !important;
  --el-button-hover-bg-color: #ff7a7a !important;
  --el-button-hover-border-color: #ff7a7a !important;
  --el-button-active-bg-color: #cc4646 !important;
  --el-button-active-border-color: #cc4646 !important;
}